﻿{extend name="$_tpl_public_layout_ace"/}


{block name="breadcrumb"}
<ul class="breadcrumb">
	<li><i class="fa fa-home home-icon"></i><a href="{:url('manage/index/index')}">{:config('web_site_title')}</a></li>
	<li><a href="{:url('mobmall_manage/index/index')}">{:config('proj_name')}</a></li>
	<li><a href="{:url('mobmall_manage/index/index')}">{$sideName}</a></li>
</ul>
{/block}


{block name="pageheader"}
<h1>
	{$sideName}
</h1>
{/block}


{block name="content"}
<div class="row home-content">
	<div class="col-sm-9">
		<div class="total">
			<div class="item" style="background-color: rgb(240, 131, 112);">
				<div class="icon"><img width="40" src="/tplnew/mobmall_manage/images/index/1.png"></div>
				<div class="info"><div class="nam">总交易额</div> <span class="num">{$totalSumAmount}</span></div>
			</div>
			<div class="item" style="background-color: rgb(243, 192, 93);">
				<div class="icon"><img width="40" src="/tplnew/mobmall_manage/images/index/2.png"></div>
				<div class="info"><div class="nam">用户总数</div> <span class="num">{$userCount}</span></div>
			</div>
			<div class="item" style="background-color: rgb(173, 200, 85);">
				<div class="icon"><img width="40" src="/tplnew/mobmall_manage/images/index/3.png"></div>
				<div class="info"><div class="nam">商品订单总数</div> <span class="num">{$totalCount}</span></div>
			</div>
			<div class="item" style="background-color: rgb(112, 157, 226);">
				<div class="icon"><img width="40" src="/tplnew/mobmall_manage/images/index/4.png"></div>
				<div class="info"><div class="nam">商品总数</div> <span class="num">{$productCount}</span></div>
			</div>
		</div>
	</div>
	<div class="col-sm-3">
		
	</div>
</div>

<div class="widget-box transparent mb20" style="width: 600px;">
	<div class="widget-header widget-header-flat">
		<h4 class="widget-title lighter">
			<i class="ace-icon fa fa-star orange"></i>
			二维码和h5地址
		</h4>
	</div>
	<div class="widget-body">
		<div class="widget-main no-padding">
			<table class="table table-bordered table-striped">
				<thead class="thin-border-bottom">
					<tr>
						<th width="100">地址类型</th>
						<th>对应地址</th>
						<th width="100">对应二维码</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>前台地址</td>
						<td><a href="{$prodUrl}" target="_blank">{$prodUrl}</a></td>
						<td><div id="J_urlQrcodeCanvas"></div></td>
					</tr>
					<tr>
						<td>安全前台地址</td>
						<td><a href="{$httpsUrl}" target="_blank">{$httpsUrl}</a></td>
						<td><div id="J_urlQrcodeCanvas2"></div></td>
					</tr>
					<tr>
						<td>本地前台地址</td>
						<td><a href="{$devUrl}" target="_blank">{$devUrl}</a></td>
						<td></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
{/block}


{block name="script"}
<!-- 生成二维码 -->
<script type="text/javascript" src="__STATIC__/Zz22zzUI/addon/qrcode/jquery.qrcode.min.js"></script>
<script type="text/javascript">
jQuery('#J_urlQrcodeCanvas').qrcode({
	text	: "{$prodUrl}",
	width: 120,
	height: 120,
});
jQuery('#J_urlQrcodeCanvas2').qrcode({
	text	: "{$httpsUrl}",
	width: 120,
	height: 120,
});
</script>
{/block}